<template >
  <el-dialog
    title="预览文章"
    :visible.sync="dialogVisible"
    width="50%"
    background-color="#409eff"
  >
    <h3>{{row.title}}</h3>
    <span>{{row.createTime}}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>超级管理员</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span><i class="el-icon-view"></i>{{row.visits}}</span>
    <hr />
    <p v-html="row.articleBody">{{row.articleBody}}</p>

    <template #footer> </template>
  </el-dialog>
</template>

<script>
export default {
  data () {
    return {
      dialogVisible: false,
      row: ''
    }
  },
  created () {
    // console.log(this.row)
  }
}
</script>

<style>
</style>
